<div class="row">
  <div class="col-xs-12">
    <div class="box">
      <!-- <div class="box-header">
        <h3 class="box-title">费用流水查询</h3>
      </div> -->
      <!-- /.box-header -->
      <div class="box-body">
        <form class="form-inline">
          <div class="box box-default collapsed-box">
            <div class="form-group col-lg-12" style="padding-left:0px">
              <label class="control-label text-right">产品名称:</label>
              <input class="form-control" type="text" placeholder="请输入产品名称">
              <label class="control-label text-right">产品类型:</label>
              <input class="form-control" type="text" placeholder="请输入产品类型">
              <label class="control-label text-right">托管行:</label>
              <input class="form-control" type="text" placeholder="请输入托管行">
              <button type="button" class="btn btn-primary">
                <i class="fa fa-search"></i>查询</button>
              <button type="button" class="btn btn-primary">
                <i class="fa fa-sign-out"></i>导出Excel</button>
              <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse">
                <i class="fa fa-plus"></i>
              </button>
            </div>
            <div class="box-body" style="padding-left:0px !important">
              <div class="form-group" style="margin-top:10px;padding-left:0px">
                <label class="control-label text-right">产品代码:</label>
                <input class="form-control" type="text" placeholder="请输入产品代码">
                <label class="control-label text-right">内容:</label>
                <input class="form-control" type="text" placeholder="请输入内容">
                <label class="control-label text-right">托管人:</label>
                <input class="form-control" type="text" placeholder="请输入托管人">
                <label class="control-label">核算条目模板:</label>
                <select class="form-control">
                  <option value="">基本管理费</option>
                  <option value="">业绩报酬</option>
                  <option value="">其他费用</option>
                </select>

              </div>
            </div>
          </div>
        </form>

        <div class="row">
          <div class="col-md-12">
            <!-- Custom Tabs 1-1-->
            <div class="nav-tabs-custom" style="margin-top:10px">
              <ul class="nav nav-tabs">
                <li class="active">
                  <a href="#tab_1" data-toggle="tab">基本管理费</a>
                </li>
                <!-- <li *ngIf="operate=='edit'"><a href="#tab_2" data-toggle="tab">扩展信息</a></li>
                                        <li *ngIf="operate=='edit'"><a href="#tab_3" data-toggle="tab">业务日期</a></li>
                                        <li *ngIf="operate=='edit'"><a href="#tab_4" data-toggle="tab">费率信息</a></li> -->
                <li *ngIf="operate=='edit'">
                  <a href="#tab_2" data-toggle="tab">业绩报酬</a>
                </li>
                <li *ngIf="operate=='edit'">
                  <a href="#tab_3" data-toggle="tab">其他费用</a>
                </li>
                <!-- <li *ngIf="operate=='edit'"><a href="#tab_4" data-toggle="tab">资金流水查询</a></li>
                    <li *ngIf="operate=='edit'"><a href="#tab_5" data-toggle="tab">核算条目查询</a></li>
                    <li *ngIf="operate=='edit'"><a href="#tab_6" data-toggle="tab">服务条目查询</a></li>
                    <li *ngIf="operate=='edit'"><a href="#tab_7" data-toggle="tab">投资经理查询</a></li>
                    <li *ngIf="operate=='edit'"><a href="#tab_8" data-toggle="tab">产品信息综合查询</a></li> -->
              </ul>
              <div class="tab-content">
                <!-- tab_1开始 -->
                <div class="tab-pane active" id="tab_1">
                  <div style="overflow-x:scroll;width:100%">
                    <table id="example2" class="table table-bordered table-hover table-keep-line table-striped">
                      <thead>
                        <tr>
                          <th style="text-align:center;width:5% !important">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="checkboxAll">
                              <label>
                              </label>
                            </div>
                          </th>
                          <th>产品代码</th>
                          <th>产品名称</th>
                          <th>产品类型</th>
                          <!-- <th>合同名称</th> -->
                          <th>托管行</th>
                          <th>托管人内容</th>
                          <th>内容</th>
                          <th>计提费率</th>
                          <th>支付频率</th>
                          <th>计提条件</th>
                          <th>支付条件</th>
                          <th>支付</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr *ngFor="let item of accountList">
                          <td style="text-align:center">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="checkbox1">
                              <label>
                              </label>
                            </div>
                          </td>
                          <td>{{item.code}}</td>
                          <td>{{item.name}}</td>
                          <td>{{item.type}}</td>
                          <!-- <td>{{item.contractname}}</td> -->
                          <td>{{item.bank}}</td>
                          <td>{{item.trusteeshipinfo}}</td>
                          <td>{{item.info}}</td>
                          <td>{{item.probability}}</td>
                          <td>{{item.probability}}</td>
                          <td>{{item.accrued_condition}}</td>
                          <td>{{item.pay_condition}}</td>
                          <td>{{item.pay}}</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                  <div class="box-footer clearfix">
                    <p class="pull-left">共5个 每页
                      <select>
                        <option value="10" class="active">10</option>
                        <option value="20">20</option>
                        <option value="30">30</option>
                        <option value="50">50</option>
                        <option value="100">100</option>
                      </select> 个 当前显示第1页 </p>
                    <ul class="pagination pagination-sm no-margin pull-right">
                      <li>
                        <a>
                          首页
                        </a>
                      </li>
                      <li>
                        <a>
                          上一页
                        </a>
                      </li>
                      <li class="active">
                        <a>
                          1
                        </a>
                      </li>
                      <li>
                        <a>
                          2
                        </a>
                      </li>
                      <li>
                        <a>
                          下一页
                        </a>
                      </li>
                      <li>
                        <a>
                          尾页
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>

                <!-- tab_1结束 -->
                <!-- tab_2开始 -->

                <div class="tab-pane" id="tab_2">
                  <div style="overflow-x:scroll;width:100%">
                    <table id="example2" class="table table-bordered table-hover table-keep-line  table-striped">
                      <thead>
                        <tr>
                          <th style="text-align:center;width:5% !important">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="checkboxAll">
                              <label>
                              </label>
                            </div>
                          </th>
                          <th>产品代码</th>
                          <th>产品名称</th>
                          <th>产品类型</th>
                          <!-- <th>合同名称</th> -->
                          <th>托管行</th>
                          <th>托管人内容</th>
                          <th>内容</th>
                          <th>103_业绩基准</th>
                          <th>103_计提比例</th>
                          <th>103_计提上限</th>
                          <th>103_计提公式</th>
                          <th>103_计提频率</th>
                          <th>103_支付频率</th>
                          <th>103_支付条件</th>
                          <th>103_支付流程</th>

                        </tr>
                      </thead>
                      <tbody>
                        <tr *ngFor="let item of accountList">
                          <td style="text-align:center">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="checkbox1">
                              <label>
                              </label>
                            </div>
                          </td>
                          <td>{{item.code}}</td>
                          <td>{{item.name}}</td>
                          <!-- <td>{{item.fundDate}}</td> -->
                          <td>{{item.type}}</td>
                          <td>{{item.money}}</td>
                          <td>{{item.code}}</td>
                          <td>{{item.name}}</td>
                          <td>{{item.fundDate}}</td>
                          <td>{{item.type}}</td>
                          <td>{{item.money}}</td>
                          <td>{{item.code}}</td>
                          <td>{{item.name}}</td>
                          <td>{{item.money}}</td>
                          <td>{{item.code}}</td>
                          <td>{{item.name}}</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                  <div class="box-footer clearfix">
                    <p class="pull-left">共5个 每页
                      <select>
                        <option value="10" class="active">10</option>
                        <option value="20">20</option>
                        <option value="30">30</option>
                        <option value="50">50</option>
                        <option value="100">100</option>
                      </select> 个 当前显示第1页 </p>
                    <ul class="pagination pagination-sm no-margin pull-right">
                      <li>
                        <a>
                          首页
                        </a>
                      </li>
                      <li>
                        <a>
                          上一页
                        </a>
                      </li>
                      <li class="active">
                        <a>
                          1
                        </a>
                      </li>
                      <li>
                        <a>
                          2
                        </a>
                      </li>
                      <li>
                        <a>
                          下一页
                        </a>
                      </li>
                      <li>
                        <a>
                          尾页
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>

                <!-- tab_2结束 -->

                <!-- tab_3开始 -->
                <div class="tab-pane" id="tab_3">
                  <div style="overflow-x:scroll;width:100%">
                    <table id="example2" class="table table-bordered table-hover table-keep-line  table-striped">
                      <thead>
                        <tr>
                          <th style="text-align:center;width:5% !important">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="checkboxAll">
                              <label>
                              </label>
                            </div>
                          </th>
                          <th>产品代码</th>
                          <th>产品名称</th>
                          <th>产品类型</th>
                          <!-- <th>合同名称</th> -->
                          <th>托管行</th>
                          <th>托管人内容</th>
                          <th>内容</th>
                          <th>104_受托费相关信息</th>
                          <th>104_托管费相关信息</th>


                        </tr>
                      </thead>
                      <tbody>
                        <tr *ngFor="let item of accountList">
                          <td style="text-align:center">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="checkbox1">
                              <label>
                              </label>
                            </div>
                          </td>
                          <td>{{item.code}}</td>
                          <td>{{item.name}}</td>
                          <!-- <td>{{item.fundDate}}</td> -->
                          <td>{{item.type}}</td>
                          <td>{{item.money}}</td>
                          <td>{{item.code}}</td>
                          <td>{{item.name}}</td>
                          <td>{{item.fundDate}}</td>
                          <td>{{item.type}}</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>


                </div>

                <!-- tab_3结束 -->
              </div>
            </div>
          </div>
          <!-- /.box-body -->
        </div>
      </div>
      <!-- /.box-body -->
      <!-- </div> -->
      <!-- /.box -->
    </div>
  </div>
</div>